<#assign ctx=request.contextPath />
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>用户登录</title>
        <link rel="stylesheet" href="${ctx}/bootstrap/css/bootstrap.min.css">
        <style type="text/css">
			body {
			    background:url(${ctx}/img/back.jpg) #f8f6e9;
			}
			.mycenter{
			    margin-top: 100px;
			    margin-left: auto;
			    margin-right: auto;
			    height: 350px;
			    width:500px;
			    padding: 5%;
			    padding-left: 5%;
			    padding-right: 5%;
			}
			.mycenter mysign{
			    width: 440px;
			}
			.mycenter input,checkbox,button{
			    margin-top:2%;
			    margin-left: 10%;
			    margin-right: 10%;
			}
			.mycheckbox{
			    margin-top:10px;
			    margin-left: 40px;
			    margin-bottom: 10px;
			    height: 10px;
			}
        </style>
        <script src="${ctx}/jquery/jquery.min.js"></script>
        <script src="${ctx}/bootstrap/js/bootstrap.min.js"></script>
        <script src="${ctx}/layer/layer.js"></script>
    </head>
    <body>
        <form action="${ctx}/auth/doLogin" method="post">
            <div class="mycenter">
            <div class="mysign">
                <div class="col-lg-11 text-center text-info">
                    <h2>请登录</h2>
                </div>
                <div class="col-lg-10">
                    <input type="text" class="form-control" name="username" value="<#if username??>${username}</#if>" placeholder="请输入账户名" required autofocus/>
                </div>
                <div class="col-lg-10"></div>
                <div class="col-lg-10">
                    <input type="password" class="form-control" name="pwd" value="<#if pwd??>${pwd}</#if>" placeholder="请输入密码" required autofocus/>
                </div>
                <div class="col-lg-10"></div>
                <div class="col-lg-10">
                    <button type="submit" class="btn btn-success col-lg-12">登录</button>
                </div>
            </div>
        </div>
        </form>
        
       <script>
			var msg = "<#if message??>${message}</#if>";
			console.log(msg);
			$(document).ready(function() {
				if ("" != msg) {
			    	layer.alert(msg, {icon : 5,shift : 6});
				}
			});
		</script>
    </body>
</html>